<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page errorPage="error.jsp"%>
<%@ page isThreadSafe="true"%>

<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %> 
<html> 
	<head>
		<title>领养一只自己的宠物</title>
		<link rel="stylesheet" type="text/css" href="styles.css">
	</head>
	<body>

	<p><img src="img\backdrop.gif"/></p>
	<div style="float:left"><a href="index.jsp">首页</a>| <a href="foster.jsp">apply for your own pet </a></div>
	<p>&nbsp;</p>
	<DIV id=tabline>&nbsp;</DIV>
		<html:form action="foster.do">
			<table  align="center">
			<tr><td>name :  <br></td><td class="dgreen"><html:text property="name" maxlength="30"/><html:errors property="name"/></td><td></td></tr>
			<tr><td>password : <br></td><td><html:password property="password" maxlength="20"/><html:errors property="password"/></td><td></td></tr>
			<tr><td>password <br>again: <br></td><td><html:password property="password2" maxlength="20"/><html:errors property="password2"/></td><td></td></tr>
			<tr><td>type :  <br></td><td><html:select property="type" onchange="document.images.pic.src = this[this.selectedIndex].value;">
				<html:option value="img\mkitty1.gif">Hello Kitty</html:option>
				<html:option value="img\snoopy.gif">Snoopy</html:option>
				<html:option value="img\boypenguin.gif">QQ宠企鹅</html:option>
			</html:select><html:errors property="type"/><br></td><td rowspan="5" ><img name="pic" id="pic" alt="宠物展示图片" src="img\mkitty1.gif" /></td></tr>
			<tr><td>gender :  <br></td><td> <html:radio property="gender" value="male">male</html:radio><html:radio property="gender" value="female"></html:radio>female<html:radio property="gender" value="baby">baby</html:radio><html:errors property="gender"/></td><td></td></tr>
			<tr><td>power :  <br></td><td><html:text property="power" maxlength="5"/><html:errors property="power"/></td></tr>
			<tr><td>love :  <br></td><td><html:text property="love" maxlength="5"/><html:errors property="love"/></td></tr>				
			<tr><td>ability :  <br></td><td><html:text property="ability" maxlength="5"/><html:errors property="ability"/></td></tr>
			<tr><td>intro :  <br></td><td><html:textarea property="intro" rows="3" cols="20"/><html:errors property="intro"/></td></tr>

			<tr><td>email :  <br></td><td><html:text property="hostEmail" maxlength="50"/><html:errors property="email"/></td></tr>
			<tr><td>hostname :  <br></td><td><html:text property="hostName" maxlength="30"/><html:errors property="hostname"/></td></tr>

			<tr><td><html:submit/></td><td>&nbsp;<html:cancel/></td></tr>
			</table>
		</html:form>
	</body>
</html>

